<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>儿童腕表</title>
	<link href="./static/css/bootstrap.min.css" rel="stylesheet">
	<link href="./static/fonts/css/font-awesome.min.css" rel="stylesheet">
	<link href="./static/css/animate.min.css" rel="stylesheet">
	<link href="./static/css/custom.css" rel="stylesheet">
	<link href="./static/css/amap.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="./static/css/maps/jquery-jvectormap-2.0.1.css" />
	<link href="./static/css/icheck/flat/green.css" rel="stylesheet">
	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 9]>
      <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body class="nav-md" ng-app="statistic">
	<div class="container body">
		<div class="main_container" ng-controller="main_container">
			<div class="col-md-3 left_col">
				<div class="left_col scroll-view">
					<div class="navbar nav_title" style="border:0;">
						<a href="/" class="site_title"><i class="fa fa-pie-chart"></i> <span>腕表统计</span></a>
					</div>
					<div class="clearfix"></div>
					<div class="profile">
						<div class="profile_pic">
							<img src="./static/images/user.png" alt="..." class="img-circle profile_img">
						</div>
						<div class="profile_info">
							<span>&nbsp;<!--占位符--></span>
							<h2>管理员</h2>
						</div>
					</div>
					<br />
					<div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
						<div class="menu_section">
							<h3>&nbsp;<!--占位符--></h3>
							<ul class="nav side-menu">
								<li class="active"><a><i class="fa fa-home"></i>腕表记录<span class="fa fa-chevron-down"></span></a>
									<ul class="nav child_menu" style="display:none">
										<li ng-class="{'current-page':ctl_name=='ctl_status_record'}"><a href="/status_record">上下线记录{{current_name}}</a></li>
										<li ng-class="{'current-page':ctl_name=='ctl_interact_record'}"><a href="/interact_record">发送/接受记录</a></li>
									</ul>
								</li>
								<li><a><i class="fa fa-laptop"></i>腕表管理<span class="fa fa-chevron-down"></span></a>
									<ul class="nav child_menu" style="display:none">
										<li ng-class="{'current-page':ctl_name=='ctl_wb_data'}"><a href="/wb_data">腕表数据</a></li>
										<li ng-class="{'current-page':ctl_name=='ctl_wb_location'}"><a href="/wb_location">腕表定位</a></li>
										<li ng-class="{'current-page':ctl_name=='ctl_wb_sos'}"><a href="/wb_sos">腕表SOS记录</a></li>
									</ul>
								</li>
								<li><a href="/user_info"><i class="fa fa-users"></i>用户管理<span class="fa"></span></a>
								</li>
							</ul>
						</div>
					</div>
					<!--
					<div class="sidebar-footer hidden-small">
						<a data-toggle="tooltip" data-placement="top" title="Settings">
							<span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
						</a>
						<a data-toggle="tooltip" data-placement="top" title="FullScreen">
							<span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
						</a>
						<a data-toggle="tooltip" data-placement="top" title="Lock">
							<span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
						</a>
						<a data-toggle="tooltip" data-placement="top" title="Logout">
							<span class="glyphicon glyphicon-off" aria-hidden="true"></span>
						</a>
					</div>
					-->
				</div>
			</div>
			<div class="top_nav">
				<div class="nav_menu">
					<nav class="" role="navigation">
						<div class="nav toggle">
							<a id="menu_toggle"><i class="fa fa-bars"></i></a>
						</div>
						<ul class="nav navbar-nav navbar-right">
                            <li class="">
                                <a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                                    <img src="./static/images/user.png" alt="">John Doe
                                    <span class=" fa fa-angle-down"></span>
                                </a>
                                <ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right">
                                    <li>
                                        <a href="/modify_password">Modify Password</a>
                                    </li>
                                    <li><a href="javascript:;" ng-click="logout()"><i class="fa fa-sign-out pull-right"></i> Log Out</a>
                                    </li>
                                </ul>
                            </li>
						</ul>
					</nav>
				</div>
			</div>
			<div class="right_col" role="main">
				<div>
					<div class="page-title" style="margin:25px">
						<div class="title_left">
							<h3>
								{[page_name || '儿童腕表']}
                        	</h3>
						</div>

						<!--
						<div class="title_right">
							<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
								<div class="input-group">
									<input type="text" class="form-control" placeholder="Search for...">
									<span class="input-group-btn">
                                    <button class="btn btn-default" type="button">Go!</button>
                                </span>
								</div>
							</div>
						</div>
						-->
					</div>
					<div class="clearfix">
					</div>
					<div class="row" ng-view>
					</div>
				</div>
				<footer>
					<div class="">
						<!--
						<p class="pull-right">Gentelella Alela! a Bootstrap 3 template by <a>Kimlabs</a>. |
							<span class="lead"> <i class="fa fa-paw"></i> Gentelella Alela!</span>
						</p>
						-->
					</div>
					<div class="clearfix"></div>
				</footer>
			</div>
		</div>
	</div>
	<script src="./static/js/jquery.min.js"></script>
	<script src="./static/js/bootstrap.min.js"></script>
	<script src="./static/js/custom.js"></script>
	<script src="./static/js/md5.js"></script>
	<script src="./static/js/angular.min.js"></script>
	<script src="./static/js/angular-route.js"></script>
	<script src="./static/js/echart/echarts-all.js"></script>
	<script src="./static/js/echart/green.js"></script>
	<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=eb1121f87d91bbe388ab9c4bed09d363"></script>
	<script src="./static/js/app.js"></script>
</body>
</html>
